<template>
	<view class="bgc">
		<view class="navbar1">
			<view class="iconfont icon-xiangzuo" @tap='returns'></view>
			<text>推广中心</text>
		</view>
    <view style="height:100rpx"></view>
		<!-- <view class="header bg-color">
			<view class="picTxt acea-row row-between-wrapper">
				<view class="name-box">
					<image class="picimg" src="../../../static/images/2ren.png"></image>
					<view class="right">
						<text>我是王大锤</text>
						<view class="vip">
							<image src="" alt="">
							<view style="margin-left: 10rpx;" class="vip-txt">普通会员</view>
						</view>
					</view>
				</view>
			</view>
		</view> -->
		<view class="my">
			<view class="my-list">
				<block v-for="(item,index) in orderMenu" :key="index">
					<navigator class="order-item" hover-class="none" :url="item.url">
						<view class="pic">
							<image :src="item.img" mode=""></image>
							<text class="order-status-num" v-if="item.num > 0">{{ item.num }}</text>
						</view>
						<view class="txt">{{item.title}}</view>
					</navigator>
				</block>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderMenu: [{
								img: '/static/images/my.png',
								title: '个人信息',
								url: ''
							},
							{
								img: '/static/images/qu.png',
								title: '区域代理',
								url: ''
							},
							{
								img: '/static/images/tm.png',
								title: '我的团队',
								url: '/pages/users/my_team/index'
							},
							{
								img: '/static/images/code.png',
								title: '推广二维码',
								url: '/pages/users/user_spread_code/index'
							}
				],
			}
		},
		methods: {
      getuserdetail() {
        getUserInfo().then(res => {
          console.log(res);
        })
      },
			// 后退
			returns: function() {
				uni.navigateBack()
			}
		}
	}
</script>

<style>
	.bgc {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #f7f7f7;
		z-index: -1;
	}
	.header {
		height: 180rpx;
		padding: 0 30rpx;
	}

	.header .picTxt {
		height: 180rpx;
	}

	.header .picimg {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		overflow: hidden;
	}

	.header .picimg image {
		width: 100%;
		height: 100%;
	}
	.name-box {
		display: flex;
	}
	.name-box .right {
		text-align: center;
	}
	.name-box .right>text {
		color: #fff;
	}
	.vip {
		display: flex;
		align-items: center;
		height: 36rpx;
		padding: 0 20rpx;
		margin-top: 10rpx;
		background: #fff;
		border-radius: 18px;
		font-size: 20rpx;
		margin-left: 12rpx;
		color: #CC0000;
	}

	.vip image {
		width: 27rpx;
		height: 27rpx;
	}
	.my {
		padding: 0 20rpx 20rpx 20rpx;
	}
	.my .my-list {
		display: flex;
		height: 160rpx;
		background-color: #fff;
	}
	.order-item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 25%;
		height: 160rpx;
		color: #030303;
	}
		.pic {
			position: relative;
			text-align: center;
			
			
		}
		.pic image {
			width: 50rpx;
			height: 50rpx;
		}
	
		.txt {
			margin-top: 15rpx;
			font-size: 26rpx;
			color: #454545;
		}
	
</style>
